// 全局样式
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  outline: none;
  font-size: 16px;
  border: none;
}
// 头部修饰//////////////////////////////////////////////////////////
#nav {
  width: 100%;
  height: 72px;
  border-bottom: 1px solid #ccc;
  line-height: 72px;
}

#nav ul {
  width: 1200px;
  margin: auto;
}
#nav ul .left li a {
  font-weight: normal;
  &:hover {
    color: crimson;
  }
}
#nav .left li:nth-of-type(2) img {
  width: 12px;
  vertical-align: middle;
  margin-right: 2px;
}

#nav ul li:first-child img {
  width: 92px;
  vertical-align: middle;
}

#nav .left li:nth-of-type(3) a {
  color: #ff1268;
}

#nav ul li:nth-of-type(5) img {
  width: 17px;
}

#nav .right {
  position: relative;
}

#nav ul .right li a {
  font-weight: normal;
}
#nav .right li:first-child img {
  width: 17px;
  position: absolute;
  top: 28px;
  left: 40px;
}

#nav .right li:last-child img {
  width: 26px;
  height: 26px;
  vertical-align: middle;
}

#nav .right li:nth-of-type(2) a {
  // background-color: blueviolet;
  display: block;
  float: left;
  width: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 5px;
}
#nav .right li:nth-of-type(2) img {
  width: 26px;
  height: 26px;
  display: block;
  float: left;
  padding-top: 25px;
  // vertical-align: middle;
}

#nav ul li input:nth-of-type(1) {
  width: 304px;
  height: 44px;
  border-radius: 20px 0 0 20px;
  background-color: #f8f8f8;
  border: none;
  text-indent: 2em;
}

#nav ul li input:nth-of-type(2) {
  width: 82px;
  height: 44px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ff1268;
  border: none;
  color: white;
  position: absolute;
  left: 330px;
  top: 15px;
}

#nav ul li:hover > .a1 {
  color: crimson;
}

#nav ul li:nth-of-type(6) img {
  width: 26px;
  height: 26px;
  vertical-align: middle;
}

#nav ul li a {
  color: #111;
}
#nav .left li {
  float: left;
  padding-right: 35px;
}
#nav .right li {
  float: left;
  padding-left: 35px;
}
#nav .right {
  margin-left: 550px;
}
#nav .right .l1 {
  margin-left: 100px;
}
// 版心///////////////////////
.banner-wrap {
  width: 100%;
  min-height: 200px;
  background-color: #fff;
  .banner {
    width: 1200px;
    min-height: 500px;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
    .top {
      width: 1026px;
      overflow: hidden;
      margin: 0 auto;
      // background-color: brown;
      margin-top: 25px;
      font-size: 12px;
      span {
        display: block;
        float: left;
        font-size: 12px;
        &:hover {
          color: crimson;
        }
      }
      p {
        float: left;
        font-size: 12px;
      }
      i {
        display: block;
        float: left;
        font-style: normal;
        font-size: 12px;
        color: #666;
      }
    }
    .bottom {
      padding-top: 20px;
      padding-bottom: 20px;
      width: 1026px;
      min-height: 200px;
      // background-color: cornflowerblue;
      margin: 0 auto;
      border-top: 2px solid #666;
      margin-top: 25px;
      overflow: hidden;
      // no-data///////////////////////////////
      .no-data {
        // background-color: rgb(65, 62, 58);
        overflow: hidden;
        width: 370px;
        margin-top: 120px;
        margin-left: 350px;
        img {
          display: block;
          float: left;
        }
        p {
          margin-top: 75px;
          float: left;
          // background-color: deeppink;
        }
      }
      // has-data///////////////////////////////
      .has-data:first-child {
        border-top: 1px solid black;
      }
      .has-data {
        border: 1px solid black;
        border-top: none;
        ul {
          li {
            // background-color: deepskyblue;
            // overflow: hidden;
            display: flex;
            align-items: center;
            img {
              display: block;
              width: 150px;
            }
            .middle {
              width: 350px;
              margin-left: 30px;
              // background-color: forestgreen;

              overflow: hidden;
              p {
                margin-top: 10px;
              }
            }
            p {
              // background-color: blue;
            }
            input {
              display: block;
            }
            input:nth-of-type(1) {
              // margin-left: 100px;
              width: 20px;
              height: 25px;
              border-radius: 5px;
              font-weight: 700;
              border: 1px solid #999;
              // line-height: 25px;
              margin-left: 30px;
            }
            input:nth-of-type(2) {
              width: 30px;
              padding-left: 10px;
              padding-right: 10px;
              margin-left: 10px;
              height: 25px;
              border: 1px solid black;
              border-radius: 10px;
            }
            input:nth-of-type(3) {
              margin-left: 10px;
              width: 20px;
              height: 25px;
              border-radius: 5px;
              font-weight: 700;
              border: 1px solid #999;
              line-height: 25px;
            }
            input:nth-of-type(4) {
              width: 50px;
              border: 1px solid black;
              margin-left: 30px;
              height: 25px;
              color: red;
              border-radius: 5px;
            }
            input:nth-of-type(5) {
              display: block;
              margin-left: 35px;
            }
          }
        }
      }
    }
  }
}
// 总价
.totalwrap {
  width: 100%;
  min-height: 20px;
  // background-color: blueviolet;
  overflow: hidden;
  padding: 20px;
  .total {
    margin: 0 auto;
    min-height: 30px;
    width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    p {
      // background-color: brown;
      width: 300px;
      float: left;
      font-size: 25px;
      span {
        color: deeppink;
        font-size: 25px;
      }
    }
    input:nth-of-type(1) {
      background-color: cadetblue;
      display: block;
      float: left;
      margin-left: 100px;
    }
    input:nth-of-type(2) {
      background-color: cadetblue;
      display: block;
      float: left;
      margin-left: 100px;
      width: 200px;
      height: 40px;
      border-radius: 8px;
      background-color: deeppink;
      color: #fff;
    }
    label {
      // background-color: darkblue;
      display: block;
      float: left;
      margin-left: 15px;
      font-size: 18px;
    }
  }
}
// 尾部
#footer {
  width: 100%;
  height: 350px;
  background-color: #f8f8f8;
  text-align: center;
}

#footer ul li {
  display: inline-block;
  padding-top: 36px;
}

#footer ul li a {
  color: #111;
  font-size: 13px;
  margin-left: 20px;
  font-weight: bold;
  &:hover {
    color: crimson;
    text-decoration: underline;
  }
}

#footer-logo {
  position: relative;
  width: 1200px;
  height: 300px;
  margin: 50px auto;
}

#footer-logo a:first-child img {
  float: left;
  margin-left: 30px;
}

#footer-logo a:nth-of-type(2) img {
  float: left;
  margin-left: 30px;
  width: 80px;
}

#footer-logo .pp {
  position: absolute;
  left: 235px;
  top: 90px;
  font-size: 14px;
}

#footer .foot {
  width: 885px;
  height: 300px;
  float: left;
  margin-left: 5px;
}

#footer-logo .foot input {
  width: 98px;
  height: 27px;
  border-radius: 20px;
  background-color: #ff1268;
  text-align: center;
  color: white;
  margin: -15px 560px 0px 0px;
}

#footer .foot p {
  margin-top: 50px;
  text-align: left;
  line-height: 20px;
  font-size: 14px;
  margin: 10px 0 0 90px;
}
#footer-logo .foot .f1 {
  width: 122px;
  height: 30px;
  margin-left: 0px;
}
#footer-logo .foot .f2 {
  width: 49px;
  height: 30px;
  margin-left: 0px;
}
#footer-logo .foot .f3 {
  width: 85px;
  height: 30px;
  margin-left: 0px;
}
